<!-- TODO: replace the contents of this file with your own html -->
<div class="palm-hasheader">
  <div class="palm-header">
    Hello, World! 
  </div>
</div>
<div class="palm-header-spacer"></div>
<div id="info" class="palm-body-text">
  Your application is running! 
</div>
<div class="palm-group">
  <div class="palm-group-title">
    <span x-mojo-loc="">Epic Servers</span>
  </div>
  <div class="palm-list">
    <div class='palm-row single'>
      <div class="palm-row-wrapper">
        <div class="label left">Server</div>
        <div id="servers" class="right" x-mojo-element="ListSelector"></div>
      </div>
    </div>
  </div>
</div>

<div class="palm-group">
  <div class="palm-group-title">
    <span x-mojo-loc="">Credentials</span>
  </div>
  <div class="palm-list">
    <div class='palm-row first'>
      <div class="palm-row-wrapper">
        <div class="title">
          <div id="username" x-mojo-element="TextField"></div>
        </div>
      </div>
    </div>

    <div class='palm-row last'>
      <div class="palm-row-wrapper">
        <div class="title">
          <div id="password" x-mojo-element="PasswordField"></div>
        </div>
      </div>
    </div>
  </div>
</div>
<div id="login" x-mojo-element="Button"></div>

